<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<title>管理员界面-管理员 </title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" href="../webjars/layui/2.5.6/css/layui.css"
	media="all">
 <script type="text/javascript" src="https://lib.baomitu.com/vue/2.6.12/vue.min.js"></script>
	<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.min.js"></script>
<style>
/* 移动端 */
@media screen and (max-width: 768px) {
	.layui-layout-admin .layui-layout-left, .layui-layout-admin .layui-body,
		.layui-layout-admin .layui-footer {
		left: 0;
	}
	.layui-layout-admin .layui-side {
		left: -300px;
	}
}
</style>
<link id="layuicss-laydate" rel="stylesheet"
	href="https://res.layui.com/layui/dist/css/modules/laydate/default/laydate.css?v=5.3.1"
	media="all">
<link id="layuicss-layer" rel="stylesheet"
	href="https://res.layui.com/layui/dist/css/modules/layer/default/layer.css?v=3.5.1"
	media="all">
<link id="layuicss-skincodecss" rel="stylesheet"
	href="https://res.layui.com/layui/dist/css/modules/code.css?v=2"
	media="all">
</head>
<body>

	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo layui-hide-xs layui-bg-black">焦点管理系统</div>
			<!-- 头部区域（可配合layui 已有的水平导航） -->
			<ul class="layui-nav layui-layout-left">
				<!-- 移动端显示 -->
				<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm"
					lay-header-event="menuLeft"><i
					class="layui-icon layui-icon-spread-left"></i></li>

				<li class="layui-nav-item layui-hide-xs"><a href="">客户端首页</a></li>
				<li class="layui-nav-item layui-hide-xs"><a href="">nav 2</a></li>
				<li class="layui-nav-item layui-hide-xs"><a href="../index.html">返回用户端</a></li>
				<li class="layui-nav-item"><a href="javascript:;">nav
						groups<i class="layui-icon layui-icon-down layui-nav-more"></i>
				</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="">menu 11</a>
						</dd>
						<dd>
							<a href="">menu 22</a>
						</dd>
						<dd>
							<a href="">menu 33</a>
						</dd>
					</dl></li>


				<span class="layui-nav-bar"></span>
			</ul>
			<!-- //tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg -->
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item layui-hide layui-show-md-inline-block">
					<a href="javascript:;"> <img
						:src="'../'+ujpg"
						class="layui-nav-img"> {{uname}} <i
						class="layui-icon layui-icon-down layui-nav-more"></i></a>
					<dl class="layui-nav-child">
						<dd>
							<a href="">Your Profile</a>
						</dd>
						<dd>
							<a href="">Settings</a>
						</dd>
						<dd>
							<a href="">Sign out</a>
						</dd>
					</dl>
				</li>
				<li class="layui-nav-item" lay-header-event="menuRight"
					lay-unselect=""><a href="javascript:;"> <i
						class="layui-icon layui-icon-more-vertical"></i>
				</a></li>
				<span class="layui-nav-bar"></span>
			</ul>
		</div>

		<div class="layui-side layui-bg-black">
			<div class="layui-side-scroll">
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<ul class="layui-nav layui-nav-tree" lay-filter="test">
					<li class="layui-nav-item layui-nav-itemed"><a class=""
						href="javascript:;">管理菜单 1<i
							class="layui-icon layui-icon-down layui-nav-more"></i></a>
						<dl class="layui-nav-child">
							<dd>
								<a onclick="fr.src='../article.html?page=1&size=10&cid=2'"  href="javascript:;">浏览文章</a>
							</dd>
							<dd>
								<a onclick="fr.src='manage-addarticle.html'" href="javascript:;">添加文章</a>
							</dd>
							<dd>
								<a onclick= "fr.src='manage-uparticle.html'" href="javascript:;">修改文章</a>
							</dd>
							<dd>
								<a onclick= "fr.src='manage-deletearticle.html'" href="javascript:;">删除文章</a>
							</dd>
						</dl></li>
					<li class="layui-nav-item"><a href="javascript:;">
							管理菜单 2<i class="layui-icon layui-icon-down layui-nav-more"></i>
					</a>
						<dl class="layui-nav-child">
							<dd>
								<a onclick="fr.src='manage-category.html'" href="javascript:;">类别管理 </a>
							</dd>
							<dd>
								<a onclick="fr.src='../account.html'" href="javascript:;">用户信息管理</a>
							</dd>
							<dd>
								<a onclick= "fr.src='manage-deletepost.html'" href="javascript:;">删除帖子</a>
							</dd>
							<dd>
								<a href="">超链接</a>
							</dd>
						</dl></li>
					<li class="layui-nav-item"><a href="javascript:;">click
							menu item</a></li>
					<li class="layui-nav-item"><a href="">the links</a></li>
					<span class="layui-nav-bar"
						style="top: 55px; height: 0px; opacity: 0;"></span>
				</ul>
			</div>
		</div>

		<div class="layui-body">
			<!-- 内容主体区域 -->
			<iframe id="fr" src="../article.html" height="100%" width="100%"></iframe>
		</div>

		<div class="layui-footer">
			<!-- 底部固定区域 -->
			底部固定区域
		</div>
	</div>
		<script>
	var v1 = new Vue({
		el:".layui-layout",
		data:{
			ujpg:"",
			uname:"",
		},
		created(){
			axios.post("../getloginUser.s").then(res=>{
			this.ujpg=res.data.ujpg;
			this.uname=res.data.uname;
			console.log(res.data.ujpg);
			})
		}
	})
	
	</script>
	<script src="../webjars/layui/2.5.6/layui.all.js" charset="utf-8"></script>
	<script charset="utf-8"
		src="https://ada.baidu.com/phone-tracker/insert_bdtj?sid=12436432"></script>
	<script
		src="https://hm.baidu.com/hm.js?d214947968792b839fd669a4decaaffc"></script>
	<script src="//res.layui.com/layui/dist/layui.js?t=1621460604113"
		charset="utf-8"></script>
	
	<script>
		//JS 
		layui
				.use(
						[ 'element', 'layer', 'util' ],
						function() {
							var element = layui.element, layer = layui.layer, util = layui.util, $ = layui.$;

							//头部事件
							util
									.event(
											'lay-header-event',
											{
												//左侧菜单事件
												menuLeft : function(othis) {
													layer.msg('展开左侧菜单的操作', {
														icon : 0
													});
												},
												menuRight : function() {
													layer
															.open({
																type : 1,
																title : '更多',
																content : '<div style="padding: 15px;">处理右侧面板的操作</div>',
																area : [
																		'260px',
																		'100%' ],
																offset : 'rt' //右上角
																,
																anim : 5,
																shadeClose : true,
																scrollbar : false
															});
												}
											});

						});
	</script>
	<script>
		var _hmt = _hmt || [];
		(function() {
			var hm = document.createElement("script");
			hm.src = "https://hm.baidu.com/hm.js?d214947968792b839fd669a4decaaffc";
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(hm, s);
		})();
	</script>

</body>
</html>